body {
	margin: 0rpx;
	padding: 0rpx;
}

.contents {
	background-color: transparent;
}
.phoneX_contents{
	background-color: transparent;
	padding-bottom: 114rpx;
}
*{
	padding: 0;
	margin: 0;
}

.top_con {
	display: block;
	width: 750rpx;
	position: relative;
	background-image:url('http://llg.qiniu.comeinvip.com/images/top_bj.png');
	/* background-position: center -60px; */
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.top_setions {
	display: block;
}

.top_bj {
	display: block;
	width: 750rpx;
	border: none;
}


.logo_menu {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 690rpx;
	padding: 0rpx 30rpx 0rpx 30rpx;
	
}

.logos {
	display: block;
	position: relative;
}

.logos image {
	border: none;
	width: 330rpx;
	height: 122rpx;
}

.logos .citys {
	background: #FBD632;
	color: #000;
	font-size: 26rpx;
	border-radius: 8rpx;
	position: absolute;
	right: -40rpx;
	top: 40rpx;
	z-index: 9;
	padding: 0rpx 6rpx;
}

.subscribe {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 136rpx;
	border-radius: 48rpx;
	height: 60rpx;
	background: #fff;

}

.subscribe text {
	color: #333;
	font-size: 26rpx;
	text-align: center;
}
.subscribe image{
	border: none;
	width: 17rpx;
	height: 12rpx;
	margin-left: 5rpx;
}
.index_swiper {
	margin: 12rpx 32rpx 0rpx 32rpx;
	width: 690rpx;
	height: 190rpx;
}

.swiper-item {
	width: 690rpx;
	height: 190rpx;
}

.swiper-item image {
	border: none;
	width: 690rpx;
	border-radius: 20rpx;
	height: 190rpx;
}

.notices {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 690rpx;
	height: 76rpx;
	border-radius: 20rpx;
	background: #fff;
	margin: 30rpx 32rpx 0rpx 32rpx;
}

.notices_list {
	display: flex;
	flex-direction: row;
	justify-items: flex-start;
	align-items: center;
}

.not01 {
	width: 116rpx;
	height: 76rpx;
	color: #666666;
	font-size: 28rpx;
}

.not02 {
	line-height: 76rpx;
	color: #666666;
	display: block;
	font-size: 28rpx;
	margin-left: 20rpx;
	height: 76rpx;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 512rpx;
}

.not03 {
	width: 10rpx;
	height: 16rpx;
	padding: 10rpx 15rpx;
}

.theme_list {
	display: block;
	position: relative;
	width: 750rpx;
	margin: 10rpx 0rpx 0rpx 0rpx;
}

.theme_bj {
	height: 836rpx;
	width: 750rpx;
	border: none;
}

.theme_con {
	position: absolute;
	left: 32rpx;
	top: 0px;
	z-index: 3;
	width: 686rpx;
}

.theme_title {
	display: block;
	border: none;
	width: 149.8rpx;
	height: 86.47rpx;
	margin-left: 34rpx;
	margin-top: 24rpx;
}

.theme_name {
	display: block;
	color: #333;
	font-size: 28rpx;
	margin-left: 34rpx;
	margin-top: -12rpx;
}

.theme_swiper {
	width: 622rpx;
	height: 348rpx;
	border-radius: 20rpx;
	margin-left: 34rpx;
	margin-top: 30rpx;
}

.subswiper-item image {
	border: none;
	width: 622rpx;
	height: 348rpx;
}

.them_info {
	display: block;
	margin-left: 34rpx;
	margin-top: 16rpx;
}

.t_i_font {
	display: flex;
	margin-left: 36rpx;
	flex-direction: row;
	margin: 3rpx 0rpx;
	justify-content: flex-start;
}

.t_i_01 {
	width: 112rpx;
	color: #333;
	font-size: 28rpx;
	font-weight: bold;
}

.t_i_02 {
	color: #666;
	font-size: 28rpx;
	margin-left: 30rpx;
}

.them_ticking {
	width: 610rpx;
	height: 96rpx;
	background-color: #FBD93A;
	text-align: center;
	line-height: 96rpx;
	font-size: 32rpx;
	color: #333;
	margin-left: 38rpx;
	font-weight: bold;
	margin-top: 21rpx;
	cursor: pointer;
	border-radius: 20rpx;
}

.performer {
	display: flex;
	flex-direction: column;
	margin: 0rpx 32rpx;
}

.performer_title {
	display: block;
}

.performer_title image {
	width: 144rpx;
	height: 50rpx;
	border: none;
}

.performer_list {
	width: 100%;
	height: 242rpx;
}

.performer_ans {
	width: 240rpx;
	height: 242rpx;
	position: relative;
	margin-right: 16rpx;
}

.per_a_info {
	position: absolute;
	left: 0rpx;
	top: 0rpx;
	z-index: 5;
	height: 242rpx;
	width: 240rpx;
}

.per_a_info .per_name {
	display: block;
	font-size: 28rpx;
	font-weight: bold;
	margin-top: 45rpx;
	height: 40rpx;
	margin-left: 14rpx;

}

.per_time {
	display: block;
	font-size: 20rpx;
	margin-left: 14rpx;
}

.per_basic {
	background-color: #fff;
	border-radius: 20rpx;
	margin: 10rpx 12rpx 12rpx 12rpx;
	padding: 12rpx 22rpx 18rpx 14rpx;
	white-space: pre-wrap;
	word-wrap: break-word;
	height: 80rpx;
}
.per_basic text{
	font-size: 20rpx;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
}

.per_bj {
	width: 240rpx;
	height: 242rpx;
}

.per_a_info .pcor1 {
	color: #594621;
}

.per_a_info .pcor2 {
	color: #599F94;
}

.per_a_info .pcor3 {
	color: #7B2A2A;
}

.scroll-Y {
	height: 300rpx;
}

.scroll-view_H {
	white-space: nowrap;
	width: 100%;
}

.scroll-view-item {
	height: 300rpx;
	line-height: 300rpx;
	text-align: center;
	font-size: 36rpx;
}

.scroll-view-item_H {
	display: inline-block;
	width: 240rpx;
	height: 242rpx;
	position: relative;
	margin-right: 16rpx;
}
.songs{
	display: flex;
	flex-direction: column;
}
.song_title{
	display: flex;
	margin:32rpx 32rpx;
}
.song_title image{
	width: 180rpx;
	height:50rpx;
}
.songs_video{
display: block;
	position: relative;
	width: 750rpx;
}
.song_fm{
	width: 688rpx;
	height: 348rpx;
	margin:14rpx 32rpx 16rpx 32rpx;
}
.song_ico{
	width: 122.42rpx;
	height: 120.67rpx;
	position: absolute;
	left:296rpx;
	top:126rpx;
	z-index:0rpx;
}
.short_play{
	display: block;
}
.short_play_menu{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 0rpx 32rpx;
}
.short_title{
	width: 108rpx;
	height: 50rpx;
}
.short_play_name{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-end;
	width: 510rpx;
	height: 60rpx;
	line-height: 60rpx;
	background: linear-gradient(135deg, #FAF7D3 0%, #E0F5B4 100%);
	border-radius: 200rpx 200rpx 200rpx 200rpx;
}
.short_play_name text{
	font-size: 24rpx;
	color: #333;
	margin-left: 20rpx;
}
.short_more{
	font-size: 24rpx;
	color: #999;
	width: 12rpx;
	height: 16rpx;
	padding: 10rpx;
}
.short_play_name image{
	width: 78rpx;
	height: 82rpx;
}
.short_play_list{
	display: block;
	margin: 23rpx;
	overflow: hidden;
	padding-bottom: 40rpx;
}
.short_play_ans{
	display: block;
	float: left;
	margin: 9rpx;
	width: 334rpx;
	border-radius: 20rpx;
	height: 392rpx;
	position: relative;
}
.short_play_ans image{
	width: 334rpx;
	height: 392rpx;
	border: none;
	border-radius: 20rpx;
}
.short_play_font{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items:flex-start;
	position: absolute;
	left:0rpx;
	bottom:0rpx;
	z-index:8;
	width: 334rpx;
	height: 190rpx;
	background: linear-gradient(180deg, rgba(24,24,24,0) 0%, #666 100%);
	border-radius: 20rpx 20rpx 20rpx 20rpx;
	
}
.short_play_h2{
	display: block;
	color: #fff;
	font-weight: bold;
	margin: 0rpx 18rpx;
	font-size: 28rpx;
	margin-top: 48rpx;
	line-height: 35rpx;
	height: 35rpx;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 300rpx;
}
.short_play_basic{
	color: #fff;
	font-size: 24rpx;
	margin: 0rpx 18rpx;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	
	
}
/*现场*/
.program{
	display: flex;
	flex-direction: column;
	padding-top:28rpx;
	background-color: transparent;
}
.program_name image{
	width: 144rpx;
	height: 50rpx;
	margin-left: 30rpx;
}
.program_video{
	width: 686rpx;
	height: 296rpx;
	display: block;
	overflow: hidden;
	margin: 20rpx 32rpx 0rpx 32rpx;
}
.program_video image{
	width: 686rpx;
	height: 296rpx;
	border-top-left-radius: 20rpx;
	border-top-right-radius: 20rpx;
}
.scene_top_con {
	display: block;
	width: 750rpx;
	position: relative;
	/*background-image:url('http://llg.qiniu.comeinvip.com/images/top_bj.png');*/
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.pf_top_con{
	display: block;
	width: 750rpx;
	position: relative;
	overflow: hidden;
	background-image:url('http://llg.qiniu.comeinvip.com/images/top_bj.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.slide_function{
	display: block;
	background-color: #fff;
	border-radius: 18rpx;
	margin: 0rpx 32rpx;
}
.slide_ans{
		padding: 16rpx;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		align-items: flex-start
}
.slide_ans_lef{
	display: flex;
	flex-direction: column;
}

.slide_ans_rig{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-top:35rpx;
}
.slide_ans_rig image{
	width: 34rpx;
	height: 30rpx;
	
}
.slide_ans_rig text{
	font-size: 24rpx;
	color: #999;
	margin-left: 4rpx;
}
.slide_name{
	color: #333;
	font-size: 28rpx;
	font-weight: bold;
	width: 500rpx;
	    height: 40rpx;
	    line-height: 40rpx;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
}
.slide_font{
	color: #999;
	font-size: 24rpx;
	margin-top: 4rpx;
	width: 500rpx;
	    height: 30rpx;
	    line-height: 30rpx;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
}
.slide_sel{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding-bottom: 30rpx;
	margin-left: 16rpx;
}
.slide_sel view{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	/* margin-left: 20rpx; */
}
.slide_sel view image{
	width: 40rpx;
	height: 40rpx;
}
.slide_sel view text{
	color: #999;
	font-size: 24rpx;
	margin-right: 56rpx;
}
.ad_block{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin: 30rpx;
}
.ad_block_ans{
	display: block;
	width: 170rpx;
	height: 130rpx;
	position: relative;
}
.ad_block_ans text{
	color: #fff;
	font-weight: bold;
	font-size: 28rpx;
	position: absolute;
	left:14rpx;
	top:16rpx;
	z-index:8;
	
}
.ad_block_ans image{
	width: 170rpx;
	height: 130rpx;
}
.rankings{
	display: flex;
	flex-direction: column;
}
.ranking_title{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 0rpx 32rpx;
}
.ranking_title image{
	width: 108rpx;
	height: 50rpx;
}
.ranking_title text{
	color: #999;
	font-size: 28rpx;
}
.ranking_list_new{
	display: flex;
	flex-direction: column;
}
.ranking_top1{
	width: 686rpx;
	height: 340rpx;
	margin: 32rpx;
	position: relative;
	border-radius: 20rpx;
}
.rank_top1_bj{
	width: 686rpx;
	height: 340rpx;
	border-radius: 20rpx;
}
.top1_ico{
	position: absolute;
	right:0rpx;
	top:0rpx;
	z-index:9;
	width: 132rpx;
	height: 50rpx;
}
.top1_ico image{
	width: 132rpx;
	height: 50rpx;
}
.top1_ico text{
	position: absolute;
	right:0rpx;
	top:0rpx;
	z-index:9;
	width: 132rpx;
	height: 50rpx;
	line-height: 50rpx;
	text-align: center;
	font-weight: bold;
	font-size: 28rpx;
}
.ranking_font{
	position: absolute;
	left:0rpx;
	bottom:0rpx;
	z-index:9;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 686rpx;
	border-radius: 20rpx;
	height: 154rpx;
	background: linear-gradient(180deg, rgba(24,24,24,0) 0%, #000000 100%);
}
.ranking_font_lef{
	display: flex;
	flex-direction: column;
	margin-left: 34rpx;
}
.r_f_l_name{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.r_f_l_font{
font-size:24rpx;
color: #fff;
}
.ranking_font_rig{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 22rpx;
	margin-right:34rpx;
	margin-top: 60rpx;
}
.ranking_font_rig text{
	display: block;
	font-size: 24rpx;
	color: #fff;
	text-align: center;
	margin-left: 5rpx;
}
.ranking_font_rig image{
	width: 31.67rpx;
	height: 33.33rpx;
	margin-right: 8rpx;
}
.r_f_l_01{
	color: #fff;
	font-size: 28rpx;
	font-weight: bold;
	max-width: 480rpx;
	    height: 40rpx;
	    overflow: hidden;
	    line-height: 40rpx;
	    text-overflow: ellipsis;
	    white-space: nowrap;
}
.r_f_l_02{
	font-size: 32rpx;
	color: #FBD632;
	margin-left: 15rpx;
	
}
.r_f_l_font{
	font-size: 24rpx;
	width: 480rpx;
	    height:35rpx;
	    overflow: hidden;
	    line-height: 35rpx;
	    text-overflow: ellipsis;
	    white-space: nowrap;
}
.ranking_all{
	display: flex;
	flex-direction: column;
}
.ranking_all_ans{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin: 0rpx 32rpx 32rpx 32rpx;
}
.rank_all_lef{
 width: 220rpx;
 height: 156rpx;
 border-radius: 20rpx;
 position: relative;
}
.rank_all_rig{
	display: flex;
	flex-direction: column;
}
.rank_top_ico{
	position: absolute;
	right:0rpx;
	top:-1rpx;
	z-index:8;
	width: 132rpx;
	height: 50rpx;
}
.rank_top_ico image{
	width: 132rpx;
	height: 50rpx;
}
.rank_top_ico text{
	position: absolute;
	right:0rpx;
	top:0rpx;
	z-index:8;
	width: 132rpx;
	height: 50rpx;
	color: #333;
   font-size:28rpx;
   text-align: center;
   line-height: 50rpx;
   font-weight: bold;
}
.rank_jf{
	position: absolute;
	right:18rpx;
	bottom:8rpx;
	z-index:8;
	color: #FBD632;
	font-size: 32rpx;
}
.rank_all_bj{
	width: 220rpx;
	height: 156rpx;
	border-radius: 22rpx;
}
.rank_all_rig{
	display: flex;
	margin-left: 30rpx;
	flex-direction: column;
}
.rank_rig_tit{
	color: #333;
	font-size: 28rpx;
	font-weight: bold;
	width: 410rpx;
	height: 40rpx;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.rank_rig_info{
	color: #999;
	font-size: 24rpx;
	margin-bottom: 40rpx;
	width: 410rpx;
	height: 30rpx;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.rank_rig_fun{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.rank_rig_fun image{
	width:31.67rpx;
	height:33.33rpx;
}
.rank_rig_fun text{
	color: #666;
	font-size: 24rpx;
	margin-left: 8rpx;
}
.not_text{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 500rpx;
	height: 76rpx;
	line-height: 76rpx;
}